<template>
  <div>
    <!-- <layout-editor></layout-editor> -->
    <!-- <test-ee-layout></test-ee-layout> -->
    <!-- <test-time></test-time> -->
    <!-- <test-ee-shape></test-ee-shape> -->
    <!-- <test-ee-button></test-ee-button> -->
    <!-- <test-ee-radio></test-ee-radio> -->
    <!-- <test-ee-tabbar></test-ee-tabbar> -->
    <!-- <test-ee-progress></test-ee-progress> -->
    <!-- <test-ee-popup></test-ee-popup> -->
    <!-- <test-ee-theme></test-ee-theme> -->
    <!-- <test-ee-upload></test-ee-upload> -->
    <test-ee-form></test-ee-form>
    <!-- <div style="padding:10px">
      文本框名字 {{ testname }}
      <ee-textbox :name="testname" id="textbox" v-model="text" maxlength="5" placeholder="请输入xxx" icon-limit iconClear
                  iconPassword iconLeft="icon-iconfontvoicefill" iconRight="icon-iconfontgerenzhongxin31" @onleft="click">
      </ee-textbox>
    </div> -->
  </div>
</template>

<script type="text/javascript">
import { createStore, injectStore } from 'ee-vuex'
import { toRef, toRefs, computed, reactive, ref } from 'vue'

export default injectStore({
  name: "Entry",
  data() {
    return {
      testname: "testname",
      model: undefined,
      text: 123,
      value: undefined,
      exists: true,
      out: true,
      p: "bottom",
      testflex: false,
      shape: 'setting',
    }
  },
  methods: {
    test(item) {
      console.log("test: ", item)
      return item;
    },
    click(e, e2) {
      console.log("click", e, e2)
      return false;
    },
    over() {
      console.log("结束")
    },
  },
  mounted() {
    // this.toast("成功")
  },
})
</script>

<style lang="scss" scoped>
.dot {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: lime;
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 8px;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>